<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
		<title>供应商系统</title>
		<link rel="stylesheet" type="text/css" href="/Public/css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="/Public/css/bootstrap.css"/>
		<link rel="stylesheet" href="/Public/css/style.css" />
		<style>
			body{
				background-color: #EFEFF4;
			}
			.header{
				background-color: #323A45;
			}
			.list {
			    width: 100%;
			    background-color: #FFF;
			    padding: 0 10px;
			}
			.list-li {
		    width: 100%;
		    color: #444;
		    border-bottom: 1px solid #E4E3E6;
		    overflow: hidden;
		    font-size: 15px;
		}	
		.list-li i {
   		 margin-right: 8px;
		}
		.list-li p {
		    height: 45px;
		    line-height: 45px;
		}
		.icon {
		    width: 15px;
		    height: 15px;
		    text-align: center;
		}
		.items {
		    background-color: #FFF;
		    display: none;
		}
		.items li {
		    position: relative;
		    border-bottom: 1px solid #DDD;
		    padding-top: 10px;
		    padding-bottom: 10px;
		    font-size: 13px;
		    line-height: 20px;
		}
		</style>
	</head>
	<body>
		<header class="header">
			<a href="javascript:;" onclick="history.go(-1)" class="back"><i class="glyphicon glyphicon-menu-left"></i></a>
			<h1>帮助中心</h1>
		</header>
		<div id="app">
			<ul class="list">
				<li class="list-li">					
					<p><i class="fa fa-caret-right icon"></i>商品问题</p>
					<ol class="items">
						<li>1.商品的状态：商品状态有“新品”、“正常商品”、“清仓商品”、“淘汰商品”、“赠品”五种；“新品”即新上架的商品；“正常商品”即正常销售的商品，前一个状态为“新品”；“清仓商品”即因“季节性、断货、滞销、涨价、清仓或其它原因”暂时停止采购的商品；“淘汰商品”即因销量不好、不适合继续销售或公司决定不再销售的商品。</li>
						<li>2.商品库存：商品库存数量按照该商品（最小销售单位）的数量统计，“查看商品页”的商品库存是当前时刻下可销售的实际数量；</li>
						<li>3.剩余周转天数：该商品现有库存在不缺货的前提下能维持正常销售的天数；</li>
						<li>4.昨日商品零库存：统计的昨日23:00时刻的库存为0的商品；</li>
						<li>5.商品调价：商品调价需及时申请，在下次采购前通过首页“调价”或者“查看商品页”找到具体商品，对该商品采购规格的现有供货价进行调价，每个商品调价都必须上传“调价函”，由上门宝超市有关工作人员审核。</li>
					</ol>				
				</li>
				<li class="list-li">
					<p><i class="fa fa-caret-right icon"></i>订单问题</p>
					<ol class="items">
						<li>完整的订单流程中我作为供应商需要做什么：当确认收到新的采购/退货订单时，您需要点击“接单”；备货过程中如有商品缺货请您及时告知上门宝超市供应链组有关工作人员，准备发货时，您需要点击“发起配送”，同时添加“司机及联系信息”、“车辆信息”等配送信息；当货物入库到上门宝超市仓库/门店，该订单状态就显示为“已完成”，核对订单上商品数量和金额，如有疑问，请您及时联系上门宝超市供应链组有关工作人员。</li>
					</ol>
				</li>
				<li class="list-li">
					<p><i class="fa fa-caret-right icon"></i>财务对账问题</p>
					<ol class="items">
						<li>1.昨日销售额统计：昨日各商品（最小销售单位）售出的总成本之和；</li>
						<li>2.对账单：订单状态为“已完成”时同时会生成一条“待对账”账单，线下对账完成后，线上帐单状态变为“待付款”，线下已付款的帐单线上状态变为“已付款”。</li>
					</ol>
				</li>
			</ul>
		</div>
		<script src="/Public/js/jquery-2.1.0.js"></script>
		<script>
            $.each($('.list li.list-li'), function(index) {
                $(this).click(function(){
                    var items = $(this).find(".items");
                    var myindex = index;
                    if(items.is(':hidden')){
                        $.each($('.list li.list-li'), function(index) {
                            if(index == myindex){
                                $(this).find('.icon')[0].className = 'fa fa-caret-down icon';
                                items.slideDown(200);
                            }else{
                                $('.list li.list-li').eq(index).find('.icon')[0].className = 'fa fa-caret-right icon';
                                $('.list li.list-li').eq(index).find('.items').slideUp(200);
                            }
                        });
                    }else{
                        items.slideUp(200);
                        $(this).find('.icon')[0].className = 'fa fa-caret-right icon';
                    };
                });
            });
		</script>
	</body>
</html>
